<script setup lang="ts">
import { defineProps, defineExpose } from 'vue'

</script>

<template>
    <main class="mobile-main">
        <div class="mobile-screen">
            <RouterView/>
        </div>
    </main>
</template>

<style lang="less" scoped>
.mobile-main{
    border-radius: 1.5rem;
    border: 1px solid gray;
    padding: 1.5rem 0.3rem 1.5rem 0.3rem;
    background-color: black;
    width: 100%;
    height: 100%;
    .mobile-screen{
        background-color: white;
        border-radius: 10px;
        width: 100%;
        height: 100%;
        padding: 0.2rem;
    }
}
</style>